<!doctype html>
<html lang="ru">

{% extends 'mainapp/base.html' %}

{% block content %}


    <div class="row justify-content-center align-items-center mt-3">
        <div class="col-md-9">
            <div class="card">
                <div class="card-header">
                    Документация по сайту
                </div>
                <div class="card-body">

                    <h5 class="card-title">CSS-стили</h5>
                    <p class="card-text">
                    <ul>
                        <li><a href="https://getbootstrap.com/docs/4.6/getting-started/introduction/" target="_blank">Bootstrap
                            v4.6</a></li>
                        <li><a href="https://bootswatch.com/lumen/" target="_blank">Bootstrap theme: Lumen</a></li>
                    </ul>
                    </p>

                    <h5 class="card-title">Иконки</h5>
                    <p class="card-text">
                        <a href="https://fontawesome.com/how-to-use/on-the-web/referencing-icons/basic-use">FontAwesome
                            5.15.3</a>
                    </p>

                    <h5 class="card-title">Графики</h5>
                    <p class="card-text">
                        <a href="https://www.chartjs.org/">ChartJS</a>
                    </p>

                    <h5 class="card-title">Графика</h5>
                    <p class="card-text">
                    <ul>
                        <li><a href="https://www5.flamingtext.com/" target="_blank" rel="noopener noreferrer">Логотип by
                            flamingtext.com</a></li>
                        <li><a href="https://www.pexels.com/ru-ru" target="_blank" rel="noopener noreferrer">Фотографии
                            by
                            pexels.com</a>. Все изображения распространяются под бесплатной лицензией. Для страницы
                            обзоров фотографии
                            должны быть с соотношением сторон кратным 2.912 (например, 1920x659)
                        </li>
                        <li><a href="https://getavataaars.com/" target="_blank" rel="noopener noreferrer">Аватарки
                            пользователей by
                            getavataaars.com</a></li>
                    </ul>
                    </p>

                </div>
            </div>
        </div>
    </div>

{% endblock content %}

